$(function () {
    // 页面数据
    var page = 1;

    var result = '';
    
    // 跳转上一页
    $('.icon-arrow_left_fat').click(function () {
        window.history.go(-1);

    })
    // 接收数据
    var title = window.location.href.split('#')[1];
    fAjax(page);
    // 发送请求封装函数
    function fAjax(page,value) {
        // 判断不同接口的参数
        var searchName = (title == 'apps')?'appname':'name'
        $.ajax({
            url: `http://39.101.217.150:8075/${title}/list`,
            type: 'get',
            data: {
                page: page,
                size: 6,
                [searchName]:value
            },
            success: function (data) {
                var records = data.data.records;
                if (records.length) {
                    $.each(records, function (index, item) {
                        result += `
                        <li>
                        <img data-original="${item.imgurl || item.imgUrl}" src='./img/loading.jpg' alt="">
                        <div class="s-info">
                            <p>${item.appName || item.name} </p>
                            <p class='text-overflow'>${item.content||item.courseContent}</p>
                        </div>
                        <a href='${item.courseUrl||item.appurl}' class="order"><img src="./img/order.png" alt=""></a>
                        </li>
                        <li>
                        <img data-original="${item.imgurl || item.imgUrl}" src='./img/loading.jpg' alt="">
                        <div class="s-info">
                            <p>${item.appName || item.name} </p>
                            <p class='text-overflow'>${item.content||item.courseContent}</p>
                        </div>
                        <a href='${item.courseUrl||item.appurl}' class="order"><img src="./img/order.png" alt=""></a>
                        </li>
                        <li>
                        <img data-original="${item.imgurl || item.imgUrl}" src='./img/loading.jpg' alt="">
                        <div class="s-info">
                            <p>${item.appName || item.name} </p>
                            <p class='text-overflow'>${item.content||item.courseContent}</p>
                        </div>
                        <a href='${item.courseUrl||item.appurl}' class="order"><img src="./img/order.png" alt=""></a>
                        </li>
                        `
                        $('.s-main').html(result)
                    })
                }
                // 懒加载
                $('.s-main  img').lazyload({
                    container: $("section")
                })
            }
        })
    }
    // 触底加载函数
    $('section').scroll(function () {
        var scrollTop = $(this).scrollTop();
        var clienth = $(this).height();

        var ulH = $('section ul').height()
        if (scrollTop + clienth > ulH) {
            fAjax(page++)
        }
    })
    //  键盘事件的添加
    $('#goSearch').on('keypress', function (e) {
        var keyCode = e.keyCode;
        if (keyCode == '13') {
            // 点击了搜索按钮
            var value = $(this).find('input').val();
            result = '';
            page = 1;
            fAjax(page, value)
            document.activeElement.blur();

        }

    })
    // 点击空白区域实现收起键盘操作
    window.addEventListener('touchstart',function () {  
        document.activeElement.blur();

    },false)
})